<template>
  <div class="app-container">
    <Header></Header>
    <Goods></Goods>
    <Footer></Footer>
  </div>
</template>

<script>
// import axios from "axios";
import Header from "@/components/Header/Header.vue";
import Goods from "@/components/Goods/Goods.vue";
import Footer from "@/components/Footer/Footer.vue";
export default {
  components: {
    Header,
    Goods,
    Footer,
  },
  data() {
    return {};
  },
  created() {
    this.init();
  },

  methods: {
    init() {
      this.$store.dispatch("initCartList");
    },
  },
};
</script>

<style lang="less" scoped>
.app-container {
  padding-top: 45px;
  padding-bottom: 50px;
}
</style>
